.BgGroup{
    background-color: lightyellow;
}
.BgClass{
background-color: lightpink;
}
.lettertype{
    font-family: "Bernard MT Condensed";
    color: deeppink;
}
.lettertype2{
    font-family: "Californian FB";
}

.lettertype3{
    font-family: a;
}
.color{
    color: deeppink;
}
/*op deze manier wordt de max grootte van je logo in de navigatiebalk vastgelegd*/
.logo{
    max-width: 70px;
}
.button{
    background-color: #d63384;
    color:lightpink;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    width: 150px;
}

.buttonfooter{
    background-color: #d63384;
    color:lightpink;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    width: 250px;
}

.button:hover{
    background-color: white;
}

.text{
    font-family: Elephant;
    color: #0dcaf0;
}

.textquotes{
    font-family: "Californian FB";
}

.texttitel{
   font-family: "Californian FB";
}

.achtergrondfoto {
    background-image: url("../images/geveltjes-mechelen.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 60vh;
    /*min-height: 40em;*/
    /*max-height: 20em;*/
    background-attachment: fixed;
}

.padding{
    padding: 10%;
}

.margin{
    margin: 5%;
}

.socialicons{
    flex-direction: row;
}

.colorster{
  color: #ffc720;
}

.hrcolor{
    color: deeppink;
}